<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大涛讲堂-Vue双向数据绑定练习</title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="demo">
        姓：<input type="text" v-model="firstName">
        名：<input type="text" v-model="lastName">
        <hr>
        姓名：{{firstName+lastName}}
    </div>

    <script>
        var vm=new Vue({
            el:"#demo",
            data:{
                firstName:"huang",
                lastName:"jack",
            }
        });
    </script>
</body>
</html>